<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:replace="themes/default/header::header(null,null)"></div>
<body>
<style>
.widget ul{
	list-style: none;
    margin: 0;
}
.widget ul li, .widget ol li{
	border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 0.5em 0;
}
h2.widget-title{
	margin-left: 30px;
	margin-top: 10px;
	color: #222;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}


</style>
<div class="main-content index-page clearfix">
    <div class="post-lists" style="float:left;width:600px;">
        <div class="post-lists-body">
            <div class="post-list-item" style="width:100%;" th:each="article: ${articles.list}">
                <div class="post-list-item-container">
                    <!-- <a th:href="${commons.permalink(article)}" class="item-thumb  bg-deepgrey"
                       th:style="'background-image:url('+@{${commons.show_thumb(article)}}+');'">
                        <dir class="item-desc" th:text="${article.tags}"></dir>
                    </a> -->
                    <div class="item-slant reverse-slant &lt; bg-deepgrey"></div>
                    <div class="item-slant"></div>
                    <div class="item-label">
                        <div class="item-title"><a th:href="${commons.permalink(article)}"
                                                   th:text="${article.title}"></a>
                        </div>
                        <div class="item-desc">  <p th:utext="${commons.substr(article.cDesc,80)+'...'}"></p> </div>
                        <div class="item-meta clearfix">
                        	<div style="float:left;margin-left:15px;"><p th:utext="${commons.fmtdate(article.created)}"></p></div>
                            <div th:class="'item-meta-ico '+ ${commons.show_icon(article.cid)}"
                                 th:style="'background: url('+@{/user/img/bg-ico.png}+');no-repeat;background-size: 40px auto;' "></div>
                            <div class="item-meta-cat" th:utext="${commons.show_categories(article.categories)}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="post-nav" style="float:right;width:300px;">
    	 
    	 <section id="recent-posts-2" class="widget widget_recent_entries">		
    	 	<h2 class="widget-title">近期文章</h2>		
    	 			<ul>
						<li th:each="article: ${articles.list}">
							<a th:href="${commons.permalink(article)}" th:text="${article.title}"></a>
						</li>
											
					</ul>
		</section>
    	 
    	<section id="categories-2" class="widget widget_categories"><h2 class="widget-title">分类目录</h2>		
    	<ul>
			<li class="cat-item cat-item-5" th:each="category: ${categories}">
			 	 
				<a th:href="'/category/'+${category.name}" th:text="${category.name}"></a>
			</li>
		</ul>
		</section>
    </div>
    <div class="lists-navigator clearfix" style="float:left;width:900px;">
        <div th:replace="comm/macros::pageNav(${articles},'←','→','page')"></div>
    </div>
</div>
</body>
<div th:replace="themes/default/footer::footer"></div>
</html>
